<template>
  <div v-if="themeStore.currentLayout === 'siderMode'">
    <a-layout>
      <Sider />
      <a-layout>
        <Header />
        <Content />
      </a-layout>
    </a-layout>
  </div>
  <div v-else-if="themeStore.currentLayout === 'topMode'">
    <a-layout>
      <HeaderTwo />
      <ContentTwo />
      <!-- <FooterTwo /> -->
    </a-layout>
  </div>

  <!-- 右侧按钮 -->
  <RightBtn />
</template>
<script setup>
import { ref } from "vue";
import Sider from "@/components/layout/sider/Index.vue";
import Header from "@/components/layout/header/Index.vue";
import Content from "@/components/layout/content/Index.vue";
import FooterTwo from "@/components/layout-two/footer/Index.vue";
import HeaderTwo from "@/components/layout-two/header/Index.vue";
import ContentTwo from "@/components/layout-two/content/Index.vue";
import {
  UserOutlined,
  VideoCameraOutlined,
  UploadOutlined,
} from "@ant-design/icons-vue";
import RightBtn from "@/components/common/right-btn/Index.vue";
import { useThemeStore } from "@/stores/models/theme";

const themeStore = useThemeStore();
</script>


<style scoped lang="scss">
.ant-layout {
  width: 100%;
  height: 100vh;
}
</style>
